<template>
    <div class="info">
        <Header title="公告详情" >
            <img class="left" @click="back" src="../assets/turn.png" alt="">
        </Header>
        <div class="die_main">   
            <p class="one">{{total.title}}</p>
            <p class="two">{{total.time}}</p>
            <p class="sum">{{total.cantont}}</p>
        </div>
    </div>
</template>

<script>
import Header from './header'
export default {
    data(){
        return {
            total:{}
        }
    },
    components:{
        Header
    },
    methods:{
         back(){
            this.$router.back();                //返回上一页
        },
    },
    created(){
    // console.log(this.$route.params.title)
    // console.log(this.$route.params.time)
    // console.log(this.$route.params.total)
    let that = this;
    that.total.title = that.$route.params.title;
    that.total.time = that.$route.params.time;
    that.total.cantont = that.$route.params.total;
    }
}
</script>

<style scoped>
    .left{
        position: absolute;
        left: -6px;
        transform: translateY(1px) !important;
        height: 22px !important;
    }
    .info{
        position: fixed;
        width: 100%;
        height: 100%;
        margin-top: 50px;
        background: #FFFFFF;
    }
    .die_main{
        width: 90%;
        margin: 20px auto;

    }
    .die_main .one{
        padding-bottom: 15px;
    }
    .die_main .two{
        padding-bottom: 15px;
    }
    .die_main .sum{
        line-height: 20px;
    }
</style>